Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <style> img { float: right; border: 1px dotted black; margin: 0px 0px 15px 20px; } </style> </head> <body> <p>In the paragraph below, the image will float to the right. A dotted black border is added to the image. We have also added margins to the image to push the text away from the image: 0 px margin on the top and right side, 15 px margin on the bottom, and 20 px margin on the left side of the image. </p> <p><img src="w3css.gif" width="100" height="140"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </p> </body> <!-- Mirrored from www.w3schools.com/css/tryit.asp?filename=trycss_float2 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:23:33 GMT --> </html>
Result:
Try it Yourself - © w3schools.com